<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div class="content container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="page-title">
                    Eventos CJava especialmente para tí, 
                    <small> #{clientBean.businessAssociateLoged.idPerson.name}</small>
                </h2>
            </div> 
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="widget">
                    <div class="widget-header">
                        <i class="icon-list-alt"></i>
                        <h3>Lista de Eventos CJava</h3>
                    </div>
                    <div class="widget-content">
                        <!-- contenido de mmensajes -->
                        <ul class="messages_layout">
                            <h:panelGrid rendered="#{clientBean.listMeetings.size() != 0}" style="width: 100%;">
                                <ui:repeat value="#{clientBean.listMeetings}" var="meet" >
                                    <li class="from_user left" >
                                        <p:commandLink styleClass="avatar" 
                                                       style="text-align: center;"
                                                       update=":contentGlobaPageId"
                                                       action="#{clientBean.preAssistanceAvent(meet)}">
                                            <img src="#{request.contextPath}/resources/thim/images/message-avatar.jpg" />
                                            <br/>
                                            Asistir
                                        </p:commandLink>

                                        <div class="message_wrap">
                                            <span class="arrow"></span>
                                            <div class="info">
                                                <a class="name">#{meet.name} /</a>
                                                <span class="time">
                                                    ... #{meet.startDate}
                                                </span>
                                            </div>
                                            <div class="text">
                                                #{meet.description}
                                            </div>
                                        </div>
                                    </li>
                                </ui:repeat>
                            </h:panelGrid>
                            <h:panelGrid rendered="#{clientBean.listMeetings.size() == 0}" style="width: 100%;">
                                <p>Por el momento no contamos con eventos o Ud. 
                                    ya se registro en todos nuestros eventos,
                                    vuelva pronto o visite nuestro Facebook 
                                    para enterarte de más novedades</p>
                            </h:panelGrid>
                        </ul> <!-- fin de contenidos -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</ui:composition>

